Nazwany kolor · #C5D1B2
Bonsai Tint
Bonsai Tint to #C5D1B2: rgb(197 209 178), hsl(83 25% 76%), oklch(0.843 0.044 124.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Bonsai Tint color name →
#C5D1B2
oklch(0.843 0.044 124.6)
Konwersje koloru
- HEX
- #c5d1b2
- RGB
- rgb(197 209 178)
- HSL
- hsl(83 25% 76%)
- HWB
- hwb(83 70% 18%)
- OKLCH
- oklch(0.843 0.044 124.6)
- OKLab
- oklab(0.843 -0.025 0.036)
- CIE Lab
- lab(82.29 -8.31 13.99)
- LCH
- lch(82.29 16.27 120.7)
- CMYK
- cmyk(6% 0% 15% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBD6BA
- D0DAC1
- D6DFC9
- DCE3D0
- E2E8D8
- E7ECE0
- EDF1E8
- F3F6EF
- F9FAF7
Odcienie ciemniejsze
- ABB59A
- 929B83
- 79816D
- 616857
- 4B5043
- 35392F
- 21231D
- 0E100C
- 020201
Tony
- BEC9AD
- B7C0A8
- B0B8A3
- A9B09E
- A2A899
- 9BA094
- 94988F
- 8D908A
- 878885
Harmonie kolorów
Komplementarna +180°
- C5D1B2
Bonsai Tint
- D2C5E3
≈ Italian Fitch
Analogowa -30° +30°
- C5D1B2
Bonsai Tint
- D4CCAC
≈ Dance With the Wind
- B6D5BF
≈ Ginninderra
Triada +120° +240°
- C5D1B2
Bonsai Tint
- B4CFE7
≈ Morality
- E6C0C8
≈ Soap Pink
Komplementarna rozszczepiona +150° +210°
- C5D1B2
Bonsai Tint
- C2CAE9
≈ Powdered Granite
- DEC1D7
≈ Plum Taffy
Tetrada +90° +180° +270°
- C5D1B2
Bonsai Tint
- ACD4DD
≈ Light Bathing
- D2C5E3
≈ Italian Fitch
- E7C2B9
≈ Rose Petal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.13:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--bonsai-tint: #c5d1b2;
--bonsai-tint-rgb: 197 209 178;
--bonsai-tint-oklch: oklch(0.843 0.044 124.6);
}
.element {
color: var(--bonsai-tint);
background-color: hsl(83 25% 76%);
border-color: oklch(0.843 0.044 124.6);
}Tailwind CSS v4
@theme {
--color-bonsai-tint: #c5d1b2;
--color-bonsai-tint-50: #f2f8ea;
--color-bonsai-tint-100: #e4ebdb;
--color-bonsai-tint-200: #cfd8c4;
--color-bonsai-tint-300: #b1bca4;
--color-bonsai-tint-400: #98a387;
--color-bonsai-tint-500: #808c6c;
--color-bonsai-tint-600: #6c765b;
--color-bonsai-tint-700: #565e49;
--color-bonsai-tint-800: #3f4534;
--color-bonsai-tint-900: #2c3024;
--color-bonsai-tint-950: #191c12;
}SCSS
$bonsai-tint: #c5d1b2;
$bonsai-tint-rgb: 197, 209, 178;
$bonsai-tint-light: mix(#fff, $bonsai-tint, 20%);
$bonsai-tint-dark: mix(#000, $bonsai-tint, 20%);
.element {
color: $bonsai-tint;
box-shadow: 0 0 0 2px rgba($bonsai-tint, 0.35);
}