Nazwany kolor · #C69C5D
Wildflower Honey
Wildflower Honey to #C69C5D: rgb(198 156 93), hsl(36 48% 57%), oklch(0.718 0.095 76.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Wildflower Honey color name →
#C69C5D
oklch(0.718 0.095 76.4)
Konwersje koloru
- HEX
- #c69c5d
- RGB
- rgb(198 156 93)
- HSL
- hsl(36 48% 57%)
- HWB
- hwb(36 36% 22%)
- OKLCH
- oklch(0.718 0.095 76.4)
- OKLab
- oklab(0.718 0.022 0.092)
- CIE Lab
- lab(67.32 10.6 38.98)
- LCH
- lch(67.32 40.4 74.8)
- CMYK
- cmyk(0% 21% 53% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCA66E
- D2B07E
- D7B98F
- DDC39F
- E3CDAF
- E9D7BF
- EEE1CF
- F4EBDF
- F9F5EF
Odcienie ciemniejsze
- AC8750
- 927343
- 7A5F37
- 624C2A
- 4B391F
- 352814
- 21180A
- 0E0903
- 020100
Tony
- BF9962
- B89766
- B1946A
- AA916E
- A38E72
- 9C8C75
- 958978
- 8E867B
- 87837D
Harmonie kolorów
Komplementarna +180°
- C69C5D
Wildflower Honey
- 7DA6DF
≈ Blue Cue
Analogowa -30° +30°
- C69C5D
Wildflower Honey
- D69170
≈ Balcony Sunset
- ABA85F
≈ Organic Garden
Triada +120° +240°
- C69C5D
Wildflower Honey
- 4FB6B8
≈ Crystalsong Blue
- BC92CC
≈ Violaceous
Komplementarna rozszczepiona +150° +210°
- C69C5D
Wildflower Honey
- 5CB0D2
≈ Crystal Seas
- 9F9BDD
≈ Dull Lavender
Tetrada +90° +180° +270°
- C69C5D
Wildflower Honey
- 64B797
≈ Sainsbury
- 7DA6DF
≈ Blue Cue
- D08CB0
≈ Moonlit Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.52:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.31:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.31:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--wildflower-honey: #c69c5d;
--wildflower-honey-rgb: 198 156 93;
--wildflower-honey-oklch: oklch(0.718 0.095 76.4);
}
.element {
color: var(--wildflower-honey);
background-color: hsl(36 48% 57%);
border-color: oklch(0.718 0.095 76.4);
}Tailwind CSS v4
@theme {
--color-wildflower-honey: #c69c5d;
--color-wildflower-honey-50: #fff3d7;
--color-wildflower-honey-100: #fae5c5;
--color-wildflower-honey-200: #ebd0a7;
--color-wildflower-honey-300: #d2b280;
--color-wildflower-honey-400: #bf975c;
--color-wildflower-honey-500: #aa7d35;
--color-wildflower-honey-600: #8f6a2e;
--color-wildflower-honey-700: #735524;
--color-wildflower-honey-800: #563d19;
--color-wildflower-honey-900: #3c2a10;
--color-wildflower-honey-950: #261703;
}SCSS
$wildflower-honey: #c69c5d;
$wildflower-honey-rgb: 198, 156, 93;
$wildflower-honey-light: mix(#fff, $wildflower-honey, 20%);
$wildflower-honey-dark: mix(#000, $wildflower-honey, 20%);
.element {
color: $wildflower-honey;
box-shadow: 0 0 0 2px rgba($wildflower-honey, 0.35);
}