Adlandırılmış renk · #9FCDB1
Retro Mint
Retro Mint, #9FCDB1: rgb(159 205 177), hsl(143 32% 71%), oklch(0.808 0.062 157.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Retro Mint color name →
#9FCDB1
oklch(0.808 0.062 157.9)
Renk dönüşümleri
- HEX
- #9fcdb1
- RGB
- rgb(159 205 177)
- HSL
- hsl(143 32% 71%)
- HWB
- hwb(143 62% 20%)
- OKLCH
- oklch(0.808 0.062 157.9)
- OKLab
- oklab(0.808 -0.058 0.023)
- CIE Lab
- lab(78.55 -19.92 8.82)
- LCH
- lch(78.55 21.79 156.1)
- CMYK
- cmyk(22% 0% 14% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9D2B9
- B2D7C0
- BCDCC8
- C5E1D0
- CFE6D7
- D9EBDF
- E2F0E7
- ECF5EF
- F5FAF7
Koyu tonlar
- 8AB299
- 759883
- 617E6C
- 4D6657
- 3B4E42
- 29382F
- 18231C
- 090F0C
- 010201
Gri tonlar
- 9CC5AC
- 99BDA7
- 96B5A2
- 93AE9D
- 90A698
- 8D9E93
- 8A978E
- 878F8A
- 838785
Renk uyumları
Tamamlayıcı +180°
- 9FCDB1
Retro Mint
- DCB1CE
≈ Pink Lavender
Analog -30° +30°
- 9FCDB1
Retro Mint
- B5C89E
≈ Wasabi Peanut
- 91CEC8
≈ Tropical Holiday
Üçlü +120° +240°
- 9FCDB1
Retro Mint
- B6BDE9
≈ Larkspur Bud
- E5B3A4
≈ City of Pink Angels
Bölünmüş tamamlayıcı +150° +210°
- 9FCDB1
Retro Mint
- CBB6E0
≈ Viking Diva
- E5B0B8
≈ Amazon River Dolphin
Dörtlü +90° +180° +270°
- 9FCDB1
Retro Mint
- A1C5E7
≈ Pale Cerulean
- DCB1CE
≈ Pink Lavender
- DCB995
≈ Friar Tuck
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.84:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--retro-mint: #9fcdb1;
--retro-mint-rgb: 159 205 177;
--retro-mint-oklch: oklch(0.808 0.062 157.9);
}
.element {
color: var(--retro-mint);
background-color: hsl(143 32% 71%);
border-color: oklch(0.808 0.062 157.9);
}Tailwind CSS v4
@theme {
--color-retro-mint: #9fcdb1;
--color-retro-mint-50: #e7fbef;
--color-retro-mint-100: #d7efe1;
--color-retro-mint-200: #beddcb;
--color-retro-mint-300: #9dc2ac;
--color-retro-mint-400: #80aa90;
--color-retro-mint-500: #629376;
--color-retro-mint-600: #537c64;
--color-retro-mint-700: #426450;
--color-retro-mint-800: #304939;
--color-retro-mint-900: #213327;
--color-retro-mint-950: #101e15;
}SCSS
$retro-mint: #9fcdb1;
$retro-mint-rgb: 159, 205, 177;
$retro-mint-light: mix(#fff, $retro-mint, 20%);
$retro-mint-dark: mix(#000, $retro-mint, 20%);
.element {
color: $retro-mint;
box-shadow: 0 0 0 2px rgba($retro-mint, 0.35);
}