En yakın adlandırılmış renk · #CEAF8B
#CEAF8B
En yakın adlandırılmış renk: Baker’s Bread
#CEAF8B (rgb(206 175 139), hsl(32 41% 68%), oklch(0.772 0.061 70.9)) en çok Baker’s Bread 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.
#CEAF8B
oklch(0.772 0.061 70.9)
Renk dönüşümleri
- HEX
- #ceaf8b
- RGB
- rgb(206 175 139)
- HSL
- hsl(32 41% 68%)
- HWB
- hwb(32 55% 19%)
- OKLCH
- oklch(0.772 0.061 70.9)
- OKLab
- oklab(0.772 0.02 0.057)
- CIE Lab
- lab(73.56 7.77 22.91)
- LCH
- lch(73.56 24.19 71.3)
- CMYK
- cmyk(0% 15% 33% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3B796
- D8BFA2
- DDC7AD
- E2CFB9
- E7D7C4
- ECDFD0
- F0E7DC
- F5EFE7
- FAF7F3
Koyu tonlar
- B39878
- 988166
- 7F6B54
- 665643
- 4E4132
- 382E23
- 231C14
- 0F0B07
- 020101
Gri tonlar
- C6AA8A
- BEA689
- B6A188
- AE9C87
- A69786
- 9F9385
- 978E84
- 8F8983
- 888581
Renk uyumları
Tamamlayıcı +180°
- CEAF8B
Baker’s Bread
- 99B8DB
≈ Blues White Shoes
Analog -30° +30°
- CEAF8B
Baker’s Bread
- D8A998
≈ Cottage Rose
- BDB78A
≈ Cress Vinaigrette
Üçlü +120° +240°
- CEAF8B
Baker’s Bread
- 87C2BE
≈ Undine
- C1ABD2
≈ Purple Gladiola
Bölünmüş tamamlayıcı +150° +210°
- CEAF8B
Baker’s Bread
- 8ABED0
≈ Juvie
- ADB1DC
≈ High Style
Dörtlü +90° +180° +270°
- CEAF8B
Baker’s Bread
- 93C1A8
≈ Spearmint Frosting
- 99B8DB
≈ Blues White Shoes
- D1A6C1
≈ Enhance
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.12:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--baker-s-bread: #ceaf8b;
--baker-s-bread-rgb: 206 175 139;
--baker-s-bread-oklch: oklch(0.772 0.061 70.9);
}
.element {
color: var(--baker-s-bread);
background-color: hsl(32 41% 68%);
border-color: oklch(0.772 0.061 70.9);
}Tailwind CSS v4
@theme {
--color-baker-s-bread: #ceaf8b;
--color-baker-s-bread-50: #fff3e3;
--color-baker-s-bread-100: #f5e5d2;
--color-baker-s-bread-200: #e5d1b9;
--color-baker-s-bread-300: #cbb396;
--color-baker-s-bread-400: #b69977;
--color-baker-s-bread-500: #a08059;
--color-baker-s-bread-600: #876c4c;
--color-baker-s-bread-700: #6c563c;
--color-baker-s-bread-800: #503f2b;
--color-baker-s-bread-900: #382b1d;
--color-baker-s-bread-950: #22180d;
}SCSS
$baker-s-bread: #ceaf8b;
$baker-s-bread-rgb: 206, 175, 139;
$baker-s-bread-light: mix(#fff, $baker-s-bread, 20%);
$baker-s-bread-dark: mix(#000, $baker-s-bread, 20%);
.element {
color: $baker-s-bread;
box-shadow: 0 0 0 2px rgba($baker-s-bread, 0.35);
}