Colore con nome · #C5E6CF
Delta Mint
Delta Mint è #C5E6CF: rgb(197 230 207), hsl(138 40% 84%), oklch(0.895 0.047 155). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Delta Mint color name →
#C5E6CF
oklch(0.895 0.047 155)
Conversioni di colore
- HEX
- #c5e6cf
- RGB
- rgb(197 230 207)
- HSL
- hsl(138 40% 84%)
- HWB
- hwb(138 77% 10%)
- OKLCH
- oklch(0.895 0.047 155)
- OKLab
- oklab(0.895 -0.042 0.02)
- CIE Lab
- lab(88.42 -14.49 7.44)
- LCH
- lch(88.42 16.29 152.8)
- CMYK
- cmyk(14% 0% 10% 10%)
Tinte · Ombre · Toni
Tinte
- CBE9D4
- D1EBD9
- D6EEDD
- DCF0E2
- E2F3E7
- E8F5EC
- EEF8F0
- F3FAF5
- F9FDFA
Ombre
- ABC8B4
- 92AB99
- 798E7F
- 617367
- 4B594F
- 354038
- 212823
- 0E1310
- 020302
Toni
- BEDBC7
- B7D1BF
- B0C6B7
- A9BCAF
- A2B2A7
- 9BA89F
- 949E97
- 8E948F
- 878A88
Armonie di colore
Complementare +180°
- C5E6CF
Delta Mint
- F1D1E9
≈ Sparkling Pink
Analogo -30° +30°
- C5E6CF
Delta Mint
- D5E2C1
≈ Security
- BBE7E0
≈ Soothing Sea
Triadico +120° +240°
- C5E6CF
Delta Mint
- D3DBFC
≈ Icy Plains
- F9D2C8
≈ Snow Pa
Complementare divisa +150° +210°
- C5E6CF
Delta Mint
- E3D5F6
≈ Japan Blush
- F9D0D8
≈ April Blush
Tetradico +90° +180° +270°
- C5E6CF
Delta Mint
- C3E0FA
≈ Fresh Water
- F1D1E9
≈ Sparkling Pink
- F3D7BD
≈ Turkscap
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.59:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--delta-mint: #c5e6cf;
--delta-mint-rgb: 197 230 207;
--delta-mint-oklch: oklch(0.895 0.047 155);
}
.element {
color: var(--delta-mint);
background-color: hsl(138 40% 84%);
border-color: oklch(0.895 0.047 155);
}Tailwind CSS v4
@theme {
--color-delta-mint: #c5e6cf;
--color-delta-mint-50: #ebf9f0;
--color-delta-mint-100: #dcede2;
--color-delta-mint-200: #c5dbcc;
--color-delta-mint-300: #a5bfae;
--color-delta-mint-400: #89a792;
--color-delta-mint-500: #6e9079;
--color-delta-mint-600: #5d7a66;
--color-delta-mint-700: #4a6152;
--color-delta-mint-800: #36473b;
--color-delta-mint-900: #253128;
--color-delta-mint-950: #141d16;
}SCSS
$delta-mint: #c5e6cf;
$delta-mint-rgb: 197, 230, 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);
}