Nazwany kolor · #452207
Chocolate Castle
Chocolate Castle to #452207: rgb(69 34 7), hsl(26 82% 15%), oklch(0.295 0.065 53.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Chocolate Castle color name →
#452207
oklch(0.295 0.065 53.9)
Konwersje koloru
- HEX
- #452207
- RGB
- rgb(69 34 7)
- HSL
- hsl(26 82% 15%)
- HWB
- hwb(26 3% 73%)
- OKLCH
- oklch(0.295 0.065 53.9)
- OKLab
- oklab(0.295 0.039 0.053)
- CIE Lab
- lab(17.84 15.49 23.41)
- LCH
- lch(17.84 28.07 56.5)
- CMYK
- cmyk(0% 51% 90% 73%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 57351F
- 684A36
- 7A5E4C
- 8D7464
- 9F897C
- B2A095
- C5B7AF
- D8CFC9
- EBE7E4
Odcienie ciemniejsze
- 3B1C05
- 311604
- 271102
- 1E0B02
- 150701
- 0C0300
- 050100
- 020000
- 000000
Tony
- 4B2B15
- 513421
- 583D2C
- 5E4738
- 635044
- 69594F
- 6F635B
- 756C67
- 7A7674
Harmonie kolorów
Komplementarna +180°
- 452207
Chocolate Castle
- 003146
≈ Cosmos Blue
Analogowa -30° +30°
- 452207
Chocolate Castle
- 481E1C
≈ Marmite
- 3B2900
≈ Secret Passage
Triada +120° +240°
- 452207
Chocolate Castle
- 00352A
≈ Coach Green
- 2F254A
≈ Elderberry
Komplementarna rozszczepiona +150° +210°
- 452207
Chocolate Castle
- 003438
≈ Artist Blue
- 1B2B4D
≈ Rurikon Blue
Tetrada +90° +180° +270°
- 452207
Chocolate Castle
- 153516
≈ Dark Serpent
- 003146
≈ Cosmos Blue
- 3C203F
≈ Kokimurasaki Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.14:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.48:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.14:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-castle: #452207;
--chocolate-castle-rgb: 69 34 7;
--chocolate-castle-oklch: oklch(0.295 0.065 53.9);
}
.element {
color: var(--chocolate-castle);
background-color: hsl(26 82% 15%);
border-color: oklch(0.295 0.065 53.9);
}Tailwind CSS v4
@theme {
--color-chocolate-castle: #452207;
--color-chocolate-castle-50: #fff1e4;
--color-chocolate-castle-100: #fae3d4;
--color-chocolate-castle-200: #ebceba;
--color-chocolate-castle-300: #d2af98;
--color-chocolate-castle-400: #be947a;
--color-chocolate-castle-500: #a97a5d;
--color-chocolate-castle-600: #8f684f;
--color-chocolate-castle-700: #72533f;
--color-chocolate-castle-800: #553c2d;
--color-chocolate-castle-900: #3b291f;
--color-chocolate-castle-950: #25170e;
}SCSS
$chocolate-castle: #452207;
$chocolate-castle-rgb: 69, 34, 7;
$chocolate-castle-light: mix(#fff, $chocolate-castle, 20%);
$chocolate-castle-dark: mix(#000, $chocolate-castle, 20%);
.element {
color: $chocolate-castle;
box-shadow: 0 0 0 2px rgba($chocolate-castle, 0.35);
}