En yakın adlandırılmış renk · #B6C059
#B6C059
En yakın adlandırılmış renk: Celery
#B6C059 (rgb(182 192 89), hsl(66 45% 55%), oklch(0.779 0.128 114)) en çok Celery adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B6C059
oklch(0.779 0.128 114)
Renk dönüşümleri
- HEX
- #b6c059
- RGB
- rgb(182 192 89)
- HSL
- hsl(66 45% 55%)
- HWB
- hwb(66 35% 25%)
- OKLCH
- oklch(0.779 0.128 114)
- OKLab
- oklab(0.779 -0.052 0.117)
- CIE Lab
- lab(75.33 -14.26 49.71)
- LCH
- lch(75.33 51.72 106)
- CMYK
- cmyk(5% 0% 54% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BDC66C
- C4CD7E
- CBD38F
- D2DA9F
- D9E0B0
- E1E6C0
- E8ECD0
- F0F3DF
- F7F9EF
Koyu tonlar
- 9EA74C
- 868E40
- 6F7634
- 595F28
- 44491D
- 303413
- 1D2009
- 0C0E03
- 020200
Gri tonlar
- B0BA5F
- ABB365
- A5AD6A
- A0A66E
- 9AA072
- 959A76
- 8F9379
- 8A8D7B
- 85867E
Renk uyumları
Tamamlayıcı +180°
- B6C059
Celery
- BBA7FF
≈ Winterspring Lilac
Analog -30° +30°
- B6C059
Celery
- DEAF4B
≈ Tiger Cub
- 82CC81
≈ Jube Green
Üçlü +120° +240°
- B6C059
Celery
- 55C4FC
≈ Blue Mana
- F693BD
≈ Pastel Magenta
Bölünmüş tamamlayıcı +150° +210°
- B6C059
Celery
- 93B6FF
≈ Carolina Blue
- DF9AE5
≈ Herb Robert
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.67:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--celery: #b6c059;
--celery-rgb: 182 192 89;
--celery-oklch: oklch(0.779 0.128 114);
}
.element {
color: var(--celery);
background-color: hsl(66 45% 55%);
border-color: oklch(0.779 0.128 114);
}Tailwind CSS v4
@theme {
--color-celery: #b6c059;
--color-celery-50: #f3fad1;
--color-celery-100: #e5eebd;
--color-celery-200: #d1dc9d;
--color-celery-300: #b4c072;
--color-celery-400: #9ea746;
--color-celery-500: #868f00;
--color-celery-600: #717906;
--color-celery-700: #5b6107;
--color-celery-800: #444601;
--color-celery-900: #2f3102;
--color-celery-950: #1b1d00;
}SCSS
$celery: #b6c059;
$celery-rgb: 182, 192, 89;
$celery-light: mix(#fff, $celery, 20%);
$celery-dark: mix(#000, $celery, 20%);
.element {
color: $celery;
box-shadow: 0 0 0 2px rgba($celery, 0.35);
}