Colore con nome · #A2C0B9
Prized Celadon
Prized Celadon è #A2C0B9: rgb(162 192 185), hsl(166 19% 69%), oklch(0.783 0.034 179.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Prized Celadon color name →
#A2C0B9
oklch(0.783 0.034 179.7)
Conversioni di colore
- HEX
- #a2c0b9
- RGB
- rgb(162 192 185)
- HSL
- hsl(166 19% 69%)
- HWB
- hwb(166 64% 25%)
- OKLCH
- oklch(0.783 0.034 179.7)
- OKLab
- oklab(0.783 -0.034 0)
- CIE Lab
- lab(75.31 -11.57 -0.03)
- LCH
- lch(75.31 11.57 180.2)
- CMYK
- cmyk(16% 0% 4% 25%)
Tinte · Ombre · Toni
Tinte
- ABC6C0
- B4CCC7
- BED3CE
- C7D9D4
- D0DFDB
- D9E5E2
- E3ECEA
- ECF2F1
- F6F9F8
Ombre
- 8CA7A0
- 778E89
- 637671
- 4F5F5B
- 3C4946
- 2A3431
- 19201E
- 0A0E0D
- 010202
Toni
- 9FB9B3
- 9BB3AD
- 98ACA8
- 95A6A2
- 919F9C
- 8E9996
- 8A9391
- 878C8B
- 838686
Armonie di colore
Complementare +180°
- A2C0B9
Prized Celadon
- CCB0B8
≈ Izmir Pink
Analogo -30° +30°
- A2C0B9
Prized Celadon
- AABFAD
≈ Young Gecko
- A0BFC4
≈ Warm Breezes
Triadico +120° +240°
- A2C0B9
Prized Celadon
- BBB4CC
≈ Violet Beauty
- C9B4A3
≈ Familiar Beige
Complementare divisa +150° +210°
- A2C0B9
Prized Celadon
- C5B1C3
≈ Really Romantic
- CDB1AC
≈ Garden Snail
Tetradico +90° +180° +270°
- A2C0B9
Prized Celadon
- B0B8CF
≈ Ethereal Mist
- CCB0B8
≈ Izmir Pink
- C1B8A0
≈ Helen of Troy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.77:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--prized-celadon: #a2c0b9;
--prized-celadon-rgb: 162 192 185;
--prized-celadon-oklch: oklch(0.783 0.034 179.7);
}
.element {
color: var(--prized-celadon);
background-color: hsl(166 19% 69%);
border-color: oklch(0.783 0.034 179.7);
}Tailwind CSS v4
@theme {
--color-prized-celadon: #a2c0b9;
--color-prized-celadon-50: #ebf8f6;
--color-prized-celadon-100: #dcece8;
--color-prized-celadon-200: #c5d9d5;
--color-prized-celadon-300: #a5bdb8;
--color-prized-celadon-400: #8aa59f;
--color-prized-celadon-500: #6e8e87;
--color-prized-celadon-600: #5d7872;
--color-prized-celadon-700: #4b605b;
--color-prized-celadon-800: #364642;
--color-prized-celadon-900: #25312e;
--color-prized-celadon-950: #131d1a;
}SCSS
$prized-celadon: #a2c0b9;
$prized-celadon-rgb: 162, 192, 185;
$prized-celadon-light: mix(#fff, $prized-celadon, 20%);
$prized-celadon-dark: mix(#000, $prized-celadon, 20%);
.element {
color: $prized-celadon;
box-shadow: 0 0 0 2px rgba($prized-celadon, 0.35);
}