Nazwany kolor · #CEB997
Baker’s Dozen
Baker’s Dozen to #CEB997: rgb(206 185 151), hsl(37 36% 70%), oklch(0.795 0.052 79.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Baker’s Dozen color name →
#CEB997
oklch(0.795 0.052 79.7)
Konwersje koloru
- HEX
- #ceb997
- RGB
- rgb(206 185 151)
- HSL
- hsl(37 36% 70%)
- HWB
- hwb(37 59% 19%)
- OKLCH
- oklch(0.795 0.052 79.7)
- OKLab
- oklab(0.795 0.009 0.051)
- CIE Lab
- lab(76.31 3.89 20.2)
- LCH
- lch(76.31 20.57 79.1)
- CMYK
- cmyk(0% 10% 27% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3C0A1
- D8C7AC
- DDCEB6
- E2D5C0
- E6DCCA
- EBE3D5
- F0EADF
- F5F1EA
- FAF8F4
Odcienie ciemniejsze
- B3A083
- 98896F
- 7F715C
- 665B49
- 4E4637
- 383126
- 231E17
- 0F0D08
- 020201
Tony
- C6B395
- BEAD93
- B6A890
- AEA28E
- A69C8C
- 9E968A
- 979187
- 8F8B85
- 888682
Harmonie kolorów
Komplementarna +180°
- CEB997
Baker’s Dozen
- A9BDDE
≈ September Aster
Analogowa -30° +30°
- CEB997
Baker’s Dozen
- D9B39F
≈ Spanish Villa
- BEC099
≈ Beige and Sage
Triada +120° +240°
- CEB997
Baker’s Dozen
- 95C7C9
≈ Continental Waters
- CBB2D1
≈ Elfin Herb
Komplementarna rozszczepiona +150° +210°
- CEB997
Baker’s Dozen
- 9AC3D7
≈ Angel Sol
- BBB7DC
≈ Wild Orchid Blue
Tetrada +90° +180° +270°
- CEB997
Baker’s Dozen
- 9CC7B7
≈ Cool Juniper
- A9BDDE
≈ September Aster
- D7AFC1
≈ Tranquil Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.01:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--baker-s-dozen: #ceb997;
--baker-s-dozen-rgb: 206 185 151;
--baker-s-dozen-oklch: oklch(0.795 0.052 79.7);
}
.element {
color: var(--baker-s-dozen);
background-color: hsl(37 36% 70%);
border-color: oklch(0.795 0.052 79.7);
}Tailwind CSS v4
@theme {
--color-baker-s-dozen: #ceb997;
--color-baker-s-dozen-50: #fdf4e5;
--color-baker-s-dozen-100: #f1e7d5;
--color-baker-s-dozen-200: #e0d3bc;
--color-baker-s-dozen-300: #c5b59a;
--color-baker-s-dozen-400: #af9c7c;
--color-baker-s-dozen-500: #99835f;
--color-baker-s-dozen-600: #816f51;
--color-baker-s-dozen-700: #675840;
--color-baker-s-dozen-800: #4c402e;
--color-baker-s-dozen-900: #352c1f;
--color-baker-s-dozen-950: #20190f;
}SCSS
$baker-s-dozen: #ceb997;
$baker-s-dozen-rgb: 206, 185, 151;
$baker-s-dozen-light: mix(#fff, $baker-s-dozen, 20%);
$baker-s-dozen-dark: mix(#000, $baker-s-dozen, 20%);
.element {
color: $baker-s-dozen;
box-shadow: 0 0 0 2px rgba($baker-s-dozen, 0.35);
}