Adlandırılmış renk · #BEE5BE
Lime Sorbet
Lime Sorbet, #BEE5BE: rgb(190 229 190), hsl(120 43% 82%), oklch(0.884 0.067 145). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Lime Sorbet color name →
#BEE5BE
oklch(0.884 0.067 145)
Renk dönüşümleri
- HEX
- #bee5be
- RGB
- rgb(190 229 190)
- HSL
- hsl(120 43% 82%)
- HWB
- hwb(120 75% 10%)
- OKLCH
- oklch(0.884 0.067 145)
- OKLab
- oklab(0.884 -0.055 0.038)
- CIE Lab
- lab(87.36 -18.67 14.69)
- LCH
- lch(87.36 23.76 141.8)
- CMYK
- cmyk(17% 0% 17% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5E8C4
- CBEACB
- D2EDD1
- D8F0D8
- DFF2DE
- E5F5E5
- ECF7EB
- F2FAF2
- F9FCF8
Koyu tonlar
- A5C7A5
- 8CAA8C
- 758E75
- 5E725E
- 485848
- 333F33
- 1F281F
- 0D120D
- 020302
Gri tonlar
- B8DAB8
- B2D0B1
- ABC6AB
- A5BBA5
- 9FB19F
- 99A798
- 929D92
- 8C938C
- 868A86
Renk uyumları
Tamamlayıcı +180°
- BEE5BE
Lime Sorbet
- F0CAF1
≈ Sugar High
Analog -30° +30°
- BEE5BE
Lime Sorbet
- D7DFAC
≈ Garden Leek
- AAE8D6
≈ Sweet Aqua
Üçlü +120° +240°
- BEE5BE
Lime Sorbet
- C7D9FF
≈ Pale Phthalo Blue
- FFCAC4
≈ Caro
Bölünmüş tamamlayıcı +150° +210°
- BEE5BE
Lime Sorbet
- DBD1FF
≈ Pale Lavender
- FEC7DB
≈ Cherry Blush
Dörtlü +90° +180° +270°
- BEE5BE
Lime Sorbet
- AEE1FF
≈ Frozen Landscape
- F0CAF1
≈ Sugar High
- FCCEAF
≈ Lips of Apricot
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.14:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--lime-sorbet: #bee5be;
--lime-sorbet-rgb: 190 229 190;
--lime-sorbet-oklch: oklch(0.884 0.067 145);
}
.element {
color: var(--lime-sorbet);
background-color: hsl(120 43% 82%);
border-color: oklch(0.884 0.067 145);
}Tailwind CSS v4
@theme {
--color-lime-sorbet: #bee5be;
--color-lime-sorbet-50: #e9fbea;
--color-lime-sorbet-100: #daeedb;
--color-lime-sorbet-200: #c2ddc4;
--color-lime-sorbet-300: #a2c1a4;
--color-lime-sorbet-400: #86a986;
--color-lime-sorbet-500: #6a926b;
--color-lime-sorbet-600: #5a7c5b;
--color-lime-sorbet-700: #486348;
--color-lime-sorbet-800: #354833;
--color-lime-sorbet-900: #243223;
--color-lime-sorbet-950: #131e12;
}SCSS
$lime-sorbet: #bee5be;
$lime-sorbet-rgb: 190, 229, 190;
$lime-sorbet-light: mix(#fff, $lime-sorbet, 20%);
$lime-sorbet-dark: mix(#000, $lime-sorbet, 20%);
.element {
color: $lime-sorbet;
box-shadow: 0 0 0 2px rgba($lime-sorbet, 0.35);
}