Adlandırılmış renk · #BECEB4
Rhys
Rhys, #BECEB4: rgb(190 206 180), hsl(97 21% 76%), oklch(0.832 0.04 133.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Rhys color name →
#BECEB4
oklch(0.832 0.04 133.3)
Renk dönüşümleri
- HEX
- #beceb4
- RGB
- rgb(190 206 180)
- HSL
- hsl(97 21% 76%)
- HWB
- hwb(97 71% 19%)
- OKLCH
- oklch(0.832 0.04 133.3)
- OKLab
- oklab(0.832 -0.027 0.029)
- CIE Lab
- lab(81 -9.16 11.05)
- LCH
- lch(81 14.35 129.7)
- CMYK
- cmyk(8% 0% 13% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4D3BB
- CBD8C3
- D1DDCA
- D8E1D2
- DEE6D9
- E5EBE1
- EBF0E8
- F2F5F0
- F8FAF7
Koyu tonlar
- A5B39C
- 8C9885
- 757F6E
- 5E6658
- 484E44
- 333830
- 1F231D
- 0D0F0C
- 020202
Gri tonlar
- B8C6AF
- B1BEA9
- ABB6A4
- A5AE9F
- 9EA69A
- 989E95
- 92978F
- 8C8F8A
- 868885
Renk uyumları
Tamamlayıcı +180°
- BECEB4
Rhys
- D1C1DB
≈ Fresh Heather
Analog -30° +30°
- BECEB4
Rhys
- CCCAAC
≈ Cilantro Cream
- B2D1C1
≈ Lester
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.67:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--rhys: #beceb4;
--rhys-rgb: 190 206 180;
--rhys-oklch: oklch(0.832 0.04 133.3);
}
.element {
color: var(--rhys);
background-color: hsl(97 21% 76%);
border-color: oklch(0.832 0.04 133.3);
}Tailwind CSS v4
@theme {
--color-rhys: #beceb4;
--color-rhys-50: #f0f8ed;
--color-rhys-100: #e2ebde;
--color-rhys-200: #cdd8c8;
--color-rhys-300: #afbca8;
--color-rhys-400: #95a48c;
--color-rhys-500: #7c8c71;
--color-rhys-600: #697760;
--color-rhys-700: #545f4d;
--color-rhys-800: #3d4537;
--color-rhys-900: #2a3026;
--color-rhys-950: #181c14;
}SCSS
$rhys: #beceb4;
$rhys-rgb: 190, 206, 180;
$rhys-light: mix(#fff, $rhys, 20%);
$rhys-dark: mix(#000, $rhys, 20%);
.element {
color: $rhys;
box-shadow: 0 0 0 2px rgba($rhys, 0.35);
}