Nazwany kolor · #B1DAC6
Celadon Sorbet
Celadon Sorbet to #B1DAC6: rgb(177 218 198), hsl(151 36% 77%), oklch(0.853 0.051 164.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Celadon Sorbet color name →
#B1DAC6
oklch(0.853 0.051 164.1)
Konwersje koloru
- HEX
- #b1dac6
- RGB
- rgb(177 218 198)
- HSL
- hsl(151 36% 77%)
- HWB
- hwb(151 69% 15%)
- OKLCH
- oklch(0.853 0.051 164.1)
- OKLab
- oklab(0.853 -0.049 0.014)
- CIE Lab
- lab(83.69 -16.91 5.21)
- LCH
- lch(83.69 17.7 162.9)
- CMYK
- cmyk(19% 0% 9% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9DECC
- C1E1D1
- C9E5D7
- D0E9DD
- D8EDE2
- E0F0E8
- E8F4EE
- EFF8F3
- F7FBF9
Odcienie ciemniejsze
- 99BDAC
- 83A292
- 6C877A
- 576C62
- 42544B
- 2F3C35
- 1C2521
- 0C110E
- 010202
Tony
- ACD1BF
- A7C7B8
- A2BEB0
- 9EB5A9
- 99ACA2
- 94A39B
- 8F9A94
- 8A918E
- 858987
Harmonie kolorów
Komplementarna +180°
- B1DAC6
Celadon Sorbet
- E8C2D7
≈ Dreamy Memory
Analogowa -30° +30°
- B1DAC6
Celadon Sorbet
- C1D7B5
≈ Meadow Grass
- A9DAD9
≈ Beachside Drive
Triada +120° +240°
- B1DAC6
Celadon Sorbet
- CACBF0
≈ Miami White
- EDC5B4
≈ Fatty Sashimi
Komplementarna rozszczepiona +150° +210°
- B1DAC6
Celadon Sorbet
- DBC6E7
≈ Foggy Love
- EFC2C5
≈ Loveable
Tetrada +90° +180° +270°
- B1DAC6
Celadon Sorbet
- B8D1F0
≈ Frost Fairy
- E8C2D7
≈ Dreamy Memory
- E3CBAB
≈ Gourmet Honey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.71:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.71:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--celadon-sorbet: #b1dac6;
--celadon-sorbet-rgb: 177 218 198;
--celadon-sorbet-oklch: oklch(0.853 0.051 164.1);
}
.element {
color: var(--celadon-sorbet);
background-color: hsl(151 36% 77%);
border-color: oklch(0.853 0.051 164.1);
}Tailwind CSS v4
@theme {
--color-celadon-sorbet: #b1dac6;
--color-celadon-sorbet-50: #e8faf2;
--color-celadon-sorbet-100: #d9eee4;
--color-celadon-sorbet-200: #c1dccf;
--color-celadon-sorbet-300: #a0c0b1;
--color-celadon-sorbet-400: #83a896;
--color-celadon-sorbet-500: #66917d;
--color-celadon-sorbet-600: #577b6a;
--color-celadon-sorbet-700: #456255;
--color-celadon-sorbet-800: #32483d;
--color-celadon-sorbet-900: #22322a;
--color-celadon-sorbet-950: #111e17;
}SCSS
$celadon-sorbet: #b1dac6;
$celadon-sorbet-rgb: 177, 218, 198;
$celadon-sorbet-light: mix(#fff, $celadon-sorbet, 20%);
$celadon-sorbet-dark: mix(#000, $celadon-sorbet, 20%);
.element {
color: $celadon-sorbet;
box-shadow: 0 0 0 2px rgba($celadon-sorbet, 0.35);
}