Colore con nome · #C0D2AD
Romaine
Romaine è #C0D2AD: rgb(192 210 173), hsl(89 29% 75%), oklch(0.84 0.054 128.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Romaine color name →
#C0D2AD
oklch(0.84 0.054 128.7)
Conversioni di colore
- HEX
- #c0d2ad
- RGB
- rgb(192 210 173)
- HSL
- hsl(89 29% 75%)
- HWB
- hwb(89 68% 18%)
- OKLCH
- oklch(0.84 0.054 128.7)
- OKLab
- oklab(0.84 -0.034 0.042)
- CIE Lab
- lab(82.09 -11.21 16.27)
- LCH
- lch(82.09 19.76 124.6)
- CMYK
- cmyk(9% 0% 18% 18%)
Tinte · Ombre · Toni
Tinte
- C6D6B5
- CCDBBD
- D3DFC5
- D9E4CE
- DFE8D6
- E5EDDE
- ECF1E6
- F2F6EE
- F9FAF7
Ombre
- A7B696
- 8E9B7F
- 76816A
- 5F6855
- 495041
- 34392D
- 20241B
- 0E100B
- 020201
Toni
- B9CAA9
- B3C1A4
- ACB9A0
- A6B09B
- 9FA897
- 99A092
- 93988E
- 8C9089
- 868885
Armonie di colore
Complementare +180°
- C0D2AD
Romaine
- D5C2E6
≈ York Plum
Analogo -30° +30°
- C0D2AD
Romaine
- D3CCA4
≈ Sawgrass Cottage
- AED6BE
≈ Frosted Fir
Triadico +120° +240°
- C0D2AD
Romaine
- B0CEED
≈ Andromeda Blue
- EBBDC3
≈ Blush Kiss
Complementare divisa +150° +210°
- C0D2AD
Romaine
- C2C8EE
≈ Powdered Granite
- E3BED7
≈ Pink Peony
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.06:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--romaine: #c0d2ad;
--romaine-rgb: 192 210 173;
--romaine-oklch: oklch(0.84 0.054 128.7);
}
.element {
color: var(--romaine);
background-color: hsl(89 29% 75%);
border-color: oklch(0.84 0.054 128.7);
}Tailwind CSS v4
@theme {
--color-romaine: #c0d2ad;
--color-romaine-50: #f0f9e9;
--color-romaine-100: #e2ecd9;
--color-romaine-200: #ccd9c2;
--color-romaine-300: #aebda1;
--color-romaine-400: #95a583;
--color-romaine-500: #7b8d67;
--color-romaine-600: #687858;
--color-romaine-700: #536046;
--color-romaine-800: #3d4632;
--color-romaine-900: #2a3022;
--color-romaine-950: #181d11;
}SCSS
$romaine: #c0d2ad;
$romaine-rgb: 192, 210, 173;
$romaine-light: mix(#fff, $romaine, 20%);
$romaine-dark: mix(#000, $romaine, 20%);
.element {
color: $romaine;
box-shadow: 0 0 0 2px rgba($romaine, 0.35);
}