Colore con nome più vicino · #C0E9CF
#C0E9CF
Colore con nome più vicino: Delta Mint
#C0E9CF (rgb(192 233 207), hsl(142 48% 83%), oklch(0.898 0.055 157.3)) è più vicino al colore con nome Delta Mint. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C0E9CF
oklch(0.898 0.055 157.3)
Conversioni di colore
- HEX
- #c0e9cf
- RGB
- rgb(192 233 207)
- HSL
- hsl(142 48% 83%)
- HWB
- hwb(142 75% 9%)
- OKLCH
- oklch(0.898 0.055 157.3)
- OKLab
- oklab(0.898 -0.051 0.021)
- CIE Lab
- lab(88.89 -17.56 8.06)
- LCH
- lch(88.89 19.32 155.4)
- CMYK
- cmyk(18% 0% 11% 9%)
Tinte · Ombre · Toni
Tinte
- C6EBD4
- CDEDD9
- D3F0DD
- D9F2E2
- E0F4E7
- E6F6EC
- ECF9F0
- F3FBF5
- F9FDFA
Ombre
- A7CBB4
- 8EAD99
- 76907F
- 5F7467
- 495A4F
- 344138
- 202923
- 0E1310
- 020302
Toni
- BADEC7
- B3D3BF
- ADC8B7
- A6BEAF
- A0B3A7
- 9AA99F
- 939E97
- 8D948F
- 868A88
Armonie di colore
Complementare +180°
- C0E9CF
Delta Mint
- F6D0EB
≈ Little Smile
Analogo -30° +30°
- C0E9CF
Delta Mint
- D3E5BE
≈ Celery Root
- B4EAE3
≈ Tahitian Breeze
Triadico +120° +240°
- C0E9CF
Delta Mint
- D4DBFF
≈ Icy Plains
- FFD1C4
≈ Salmon Mousse
Complementare divisa +150° +210°
- C0E9CF
Delta Mint
- E7D4FB
≈ Mousse aux Pruneaux
- FFCFD7
≈ Love Fumes
Tetradico +90° +180° +270°
- C0E9CF
Delta Mint
- C2E1FF
≈ Dithered Sky
- F6D0EB
≈ Little Smile
- F7D7B7
≈ Porcelain Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.79:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--delta-mint: #c0e9cf;
--delta-mint-rgb: 192 233 207;
--delta-mint-oklch: oklch(0.898 0.055 157.3);
}
.element {
color: var(--delta-mint);
background-color: hsl(142 48% 83%);
border-color: oklch(0.898 0.055 157.3);
}Tailwind CSS v4
@theme {
--color-delta-mint: #c0e9cf;
--color-delta-mint-50: #e9faef;
--color-delta-mint-100: #d9eee1;
--color-delta-mint-200: #c1dccc;
--color-delta-mint-300: #a0c1ad;
--color-delta-mint-400: #84a992;
--color-delta-mint-500: #679278;
--color-delta-mint-600: #587b65;
--color-delta-mint-700: #466351;
--color-delta-mint-800: #33483a;
--color-delta-mint-900: #233228;
--color-delta-mint-950: #121e16;
}SCSS
$delta-mint: #c0e9cf;
$delta-mint-rgb: 192, 233, 207;
$delta-mint-light: mix(#fff, $delta-mint, 20%);
$delta-mint-dark: mix(#000, $delta-mint, 20%);
.element {
color: $delta-mint;
box-shadow: 0 0 0 2px rgba($delta-mint, 0.35);
}