Couleur nommée la plus proche · #CEAF8B
#CEAF8B
Couleur nommée la plus proche: Baker’s Bread
#CEAF8B (rgb(206 175 139), hsl(32 41% 68%), oklch(0.772 0.061 70.9)) est la plus proche de la couleur nommée Baker’s Bread. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CEAF8B
oklch(0.772 0.061 70.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D3B796
- D8BFA2
- DDC7AD
- E2CFB9
- E7D7C4
- ECDFD0
- F0E7DC
- F5EFE7
- FAF7F3
Ombres
- B39878
- 988166
- 7F6B54
- 665643
- 4E4132
- 382E23
- 231C14
- 0F0B07
- 020101
Tons
- C6AA8A
- BEA689
- B6A188
- AE9C87
- A69786
- 9F9385
- 978E84
- 8F8983
- 888581
Harmonies de couleurs
Complémentaire +180°
- CEAF8B
Baker’s Bread
- 99B8DB
≈ Blues White Shoes
Analogue -30° +30°
- CEAF8B
Baker’s Bread
- D8A998
≈ Cottage Rose
- BDB78A
≈ Cress Vinaigrette
Triadique +120° +240°
- CEAF8B
Baker’s Bread
- 87C2BE
≈ Undine
- C1ABD2
≈ Purple Gladiola
Complémentaire divisée +150° +210°
- CEAF8B
Baker’s Bread
- 8ABED0
≈ Juvie
- ADB1DC
≈ High Style
Tétradique +90° +180° +270°
- CEAF8B
Baker’s Bread
- 93C1A8
≈ Spearmint Frosting
- 99B8DB
≈ Blues White Shoes
- D1A6C1
≈ Enhance
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.07:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.12:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
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);
}