Nazwany kolor · #BDCFB2
Kiss of Mint
Kiss of Mint to #BDCFB2: rgb(189 207 178), hsl(97 23% 75%), oklch(0.833 0.044 133.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Kiss of Mint color name →
#BDCFB2
oklch(0.833 0.044 133.5)
Konwersje koloru
- HEX
- #bdcfb2
- RGB
- rgb(189 207 178)
- HSL
- hsl(97 23% 75%)
- HWB
- hwb(97 70% 19%)
- OKLCH
- oklch(0.833 0.044 133.5)
- OKLab
- oklab(0.833 -0.03 0.032)
- CIE Lab
- lab(81.16 -10.26 12.31)
- LCH
- lch(81.16 16.02 129.8)
- CMYK
- cmyk(9% 0% 14% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3D4BA
- CAD9C1
- D0DDC9
- D7E2D0
- DEE7D8
- E4ECE0
- EBF0E8
- F2F5EF
- F8FAF7
Odcienie ciemniejsze
- A4B49A
- 8C9983
- 747F6D
- 5D6757
- 474F43
- 33382F
- 1F231D
- 0D100C
- 020201
Tony
- B7C7AD
- B0BFA8
- AAB7A3
- A4AF9E
- 9EA799
- 989F94
- 92978F
- 8C8F8A
- 868885
Harmonie kolorów
Komplementarna +180°
- BDCFB2
Kiss of Mint
- D3C0DD
≈ Girl Crush
Analogowa -30° +30°
- BDCFB2
Kiss of Mint
- CDCAA9
≈ Thistle Green
- AFD2C0
≈ Lester
Triada +120° +240°
- BDCFB2
Kiss of Mint
- B5CBE5
≈ Melt Ice
- E4BDC0
≈ Ice Hot Pink
Komplementarna rozszczepiona +150° +210°
- BDCFB2
Kiss of Mint
- C4C5E5
≈ Powdered Granite
- DEBDD0
≈ Scandalous Rose
Tetrada +90° +180° +270°
- BDCFB2
Kiss of Mint
- AACFDE
≈ Flemish Blue
- D3C0DD
≈ Girl Crush
- E2C0B2
≈ Sunwashed Brick
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.73:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.73:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--kiss-of-mint: #bdcfb2;
--kiss-of-mint-rgb: 189 207 178;
--kiss-of-mint-oklch: oklch(0.833 0.044 133.5);
}
.element {
color: var(--kiss-of-mint);
background-color: hsl(97 23% 75%);
border-color: oklch(0.833 0.044 133.5);
}Tailwind CSS v4
@theme {
--color-kiss-of-mint: #bdcfb2;
--color-kiss-of-mint-50: #f0f8ec;
--color-kiss-of-mint-100: #e2ebdd;
--color-kiss-of-mint-200: #ccd9c6;
--color-kiss-of-mint-300: #aebda7;
--color-kiss-of-mint-400: #94a58a;
--color-kiss-of-mint-500: #7b8d6f;
--color-kiss-of-mint-600: #68775e;
--color-kiss-of-mint-700: #535f4b;
--color-kiss-of-mint-800: #3d4636;
--color-kiss-of-mint-900: #2a3025;
--color-kiss-of-mint-950: #171c13;
}SCSS
$kiss-of-mint: #bdcfb2;
$kiss-of-mint-rgb: 189, 207, 178;
$kiss-of-mint-light: mix(#fff, $kiss-of-mint, 20%);
$kiss-of-mint-dark: mix(#000, $kiss-of-mint, 20%);
.element {
color: $kiss-of-mint;
box-shadow: 0 0 0 2px rgba($kiss-of-mint, 0.35);
}