Nazwany kolor · #BDAA6F
Coriander Seed
Coriander Seed to #BDAA6F: rgb(189 170 111), hsl(45 37% 59%), oklch(0.741 0.081 92.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Coriander Seed color name →
#BDAA6F
oklch(0.741 0.081 92.3)
Konwersje koloru
- HEX
- #bdaa6f
- RGB
- rgb(189 170 111)
- HSL
- hsl(45 37% 59%)
- HWB
- hwb(45 44% 26%)
- OKLCH
- oklch(0.741 0.081 92.3)
- OKLab
- oklab(0.741 -0.003 0.081)
- CIE Lab
- lab(70.25 0.97 33.03)
- LCH
- lch(70.25 33.05 88.3)
- CMYK
- cmyk(0% 10% 41% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3B27E
- CABB8C
- D0C39A
- D7CCA9
- DED4B7
- E4DDC5
- EBE5D4
- F2EEE2
- F8F6F0
Odcienie ciemniejsze
- A49360
- 8C7D51
- 746842
- 5D5334
- 473F27
- 332D1A
- 1F1B0E
- 0D0B04
- 020101
Tony
- B7A671
- B0A274
- AA9D76
- A49978
- 9E9579
- 98917B
- 928D7D
- 8C887E
- 86847F
Harmonie kolorów
Komplementarna +180°
- BDAA6F
Coriander Seed
- 99A8DF
≈ Dalmatian Sage
Analogowa -30° +30°
- BDAA6F
Coriander Seed
- D0A076
≈ Golden Beige
- A2B47A
≈ Serpentine
Triada +120° +240°
- BDAA6F
Coriander Seed
- 6AB9C9
≈ Delusional Dragonfly
- CA98C2
≈ Clover Pink
Komplementarna rozszczepiona +150° +210°
- BDAA6F
Coriander Seed
- 7DB2DA
≈ Dun Morogh Blue
- B49FD6
≈ Purple Premiere
Tetrada +90° +180° +270°
- BDAA6F
Coriander Seed
- 6DBCAF
≈ Pool Blue
- 99A8DF
≈ Dalmatian Sage
- D796A7
≈ Foxy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.14:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--coriander-seed: #bdaa6f;
--coriander-seed-rgb: 189 170 111;
--coriander-seed-oklch: oklch(0.741 0.081 92.3);
}
.element {
color: var(--coriander-seed);
background-color: hsl(45 37% 59%);
border-color: oklch(0.741 0.081 92.3);
}Tailwind CSS v4
@theme {
--color-coriander-seed: #bdaa6f;
--color-coriander-seed-50: #fcf5dc;
--color-coriander-seed-100: #f0e8ca;
--color-coriander-seed-200: #dfd4ae;
--color-coriander-seed-300: #c5b788;
--color-coriander-seed-400: #af9d66;
--color-coriander-seed-500: #998543;
--color-coriander-seed-600: #81703a;
--color-coriander-seed-700: #685a2e;
--color-coriander-seed-800: #4d4120;
--color-coriander-seed-900: #362d15;
--color-coriander-seed-950: #211a06;
}SCSS
$coriander-seed: #bdaa6f;
$coriander-seed-rgb: 189, 170, 111;
$coriander-seed-light: mix(#fff, $coriander-seed, 20%);
$coriander-seed-dark: mix(#000, $coriander-seed, 20%);
.element {
color: $coriander-seed;
box-shadow: 0 0 0 2px rgba($coriander-seed, 0.35);
}